<html>
  <head>
    <meta charset="utf-8" />
	<style>
	  .citymap{
	  width: 100%;
	  height: 100%;
	  }
	</style>
  	<script src="https://echarts-maps.github.io/echarts-china-cities-js/echarts.min.js"></script>
	<script src="https://echarts-maps.github.io/echarts-china-cities-js/js/shape-only/jiang1_xi1_nan2_chang1.js"></script>
  </head>
  <body>
	<div id='nan2_chang1' class='citymap'></div>
	<!-- <script src='https://echarts-maps.github.io/echarts-china-cities-js/demo.js'></script> -->
	<script>
	  make_city('南昌轮廓', 'nan2_chang1');


	  function make_city(cityname, dom_id){
			achart = echarts.init(document.getElementById(dom_id));
			var option =  {
				"title": [
					{
						"textStyle": {
							"color": "#f00", 
							"fontSize": 18
						}, 
						"subtext": "", 
						"text": cityname, 
						"top": "auto", 
						"subtextStyle": {
							"color": "#aaa", 
							"fontSize": 12
						}, 
						"left": "auto"
					}
				],
				geo:{
					map:cityname,
					emphasis:{
						itemStyle:{
							backgroundColor:'red',
							areaColor:'red',
							color:'red',
						},
					},
					regions:[
						{
							name:cityname,
							itemStyle:{
								backgroundColor:'red',
								areaColor:'red'
							}
						}
					]
				} ,
				"backgroundColor": "#fff",
				"series": [
					{
						"mapType": cityname,
						"data": [[132423,134322]],
						"name": "",
						"symbol": "circle", 	
						"type": "map",
						"roam": true,
						tooltip:{
							label:{
								formatter: '南昌'
							}
						},
						// emphasis:{
						// 	itemStyle:{
						// 		color:'red'
						// 	}
						// }
					}
				]
			};
			achart.setOption(option);	
		}
	</script>
  </body>
</html>